<nz-card [nzBorderless]="true">
  <div nz-card-grid [ngStyle]="gridStyle" (click)="GridClick(1)">
    <span [ngClass]="{'rosterGridClass': isClick1}" >220人</span><br />
    <span [ngClass]="{'rosterGridClass': isClick1}" >所有人员</span>
  </div>
  <div nz-card-grid [ngStyle]="gridStyle" (click)="GridClick(2)">
    <span [ngClass]="{'rosterGridClass': isClick2}">178人</span><br />
    <span [ngClass]="{'rosterGridClass': isClick2}">在职</span>
  </div>
  <div nz-card-grid [ngStyle]="gridStyle" (click)="GridClick(3)">
    <span [ngClass]="{'rosterGridClass': isClick3}">52人</span><br />
    <span [ngClass]="{'rosterGridClass': isClick3}">离职</span>
  </div>
</nz-card>
<app-roster-table [checkState]="checkState" [sendRosterTableData]="sendRosterTableData"></app-roster-table>
